@charset "utf-8";/*--------------------------
东风柳州汽车网站2017版 首页
作者：chihong
QQ:2586334408
---------------------------*/{}
.page_index .wrapper{ width:100%;}
/*----首页KV------------*/
.index_kv{position:relative;}
.index_kv .kv_container{position:relative;width:100%;height:0;overflow:hidden;padding:0 0 42.578125%;}
.index_kv .kv_content{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;*height:820px;}
.index_kv ul{position:relative;list-style-type:none; white-space:nowrap;zoom:1; z-index:5;}
.index_kv ul li{position:relative;width:100%;display:inline-block;*display:inline;zoom:1;vertical-align:top;}
.index_kv ul li img{width:100%;}
.index_kv .scroll_bar{display:none;}
.index_kv .scroll_prev{position:absolute;z-index:10;padding:4em 0 0 4em;width:0;height:0;overflow:hidden;top:-2em;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/html/images/2017page/icon_prev.png',sizingmethod=scale); left:2%;margin-top:21.29%;}
.index_kv .scroll_next{position:absolute;z-index:10;padding:4em 0 0 4em;width:0;height:0;overflow:hidden;top:-2em;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/html/images/2017page/icon_next.png',sizingmethod=scale);right:2%;margin-top:21.29%;}
.index_kv ul li a img{ position:relative;z-index:1;}
.index_kv .scroll_btn{ position:absolute; width:100%; left:0; top:0;text-align:center; z-index:10;margin-top:40.5%;}
.index_kv .scroll_btn a{ display:inline-block;width:1em; padding:1em 0 0; height:0; overflow:hidden; background:url(../images/2017page/kv_btn.png) no-repeat center top; background-size:100%; margin:0 0.5em; vertical-align:top;}
.index_kv .scroll_btn a.current{ background-image:url(../images/2017page/kv_btn_on.png); width:2.5em;}
.index_kv .scroll_num{ display:none;}

/*----首页新闻------------*/
.column_indexnews{ padding:2% 0 6%; position:relative; background:#F9F9F9;}
.column_indexnews .column_title h2{ padding:4% 0 0; height:0; overflow:hidden; background:url(../images/2017page/column_indexnews_title.png) no-repeat center top; background-size:auto 62.5%;}
.column_indexnews .column_title .more{ position:absolute; left:50%; padding:4% 0 0; height:0; overflow:hidden; font-size:0; line-height:0; text-indent:-999em; width:13.125%; margin:0 0 2% -6.5625%; bottom:0;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/html/images/2017page/more.png',sizingmethod=scale);}
.column_indexnews .column_title .more:hover{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/html/images/2017page/more_on.png',sizingmethod=scale);}
.column_indexnews .column_content{ width:96%; margin:0 auto 2.5%; overflow:hidden; zoom:1;}
.column_indexnews article{position:relative;float:left;clear:right;width:24.1%; margin-left:1.2%; background:#FFF;*left:-1.2%;}
.column_indexnews article:first-child{ margin-left:0;}
.column_indexnews article a{position:relative;display:block;}
.column_indexnews article .img_container{position:relative;padding:56.25% 0 0;overflow:hidden;height:0;display:block;}
.column_indexnews article img{width:100%;position:absolute;left:0;top:0;}
.column_indexnews article .txt_container{position:relative; display:block;/*padding:0 0 10%;*/margin:5% 5% 0;overflow:hidden;height:5.25em;display:block;/*background:url(../images/2017page/more_2.png) no-repeat left bottom; background-size:33.33%;*/}
.column_indexnews article .txt_container .bgimg{ position:absolute; width:33.33%;left:0; bottom:0; top:auto;} 
.column_indexnews h3{ line-height:1.4em; font-size:1.25em; padding-right:3.5em; font-weight:lighter; height:4.2em; overflow:hidden;}
.column_indexnews time{position:absolute;right:0em;top:0;font-weight:lighter;font-size:10px;color:#ADADAD;z-index:5;width:4.5em;text-align:right;}

/*----首页视频------------*/
.column_indexvideo .column_title{ display:none;}
.column_indexvideo .column_content{ padding:0 0 47.91%; height:0; overflow:hidden; position:relative;}
.column_indexvideo .indexvideo{ position:absolute; left:0; right:0; top:0; bottom:0; background:#000;}
.column_indexvideo .indexvideo video{ width:100%; height:100%;max-width:100%;max-height:100%;}
.column_indexvideo .indexvideo embed,.column_indexvideo .indexvideo object{width:100%; height:100%;max-width:100%;max-height:100%;}
.column_indexvideo .videotxt{ position:absolute; left:0; right:0; top:0; bottom:0; background:no-repeat center center; background-size:cover; text-align:center; color:#FFF;}
.column_indexvideo .videotxt h3{ padding:5% 0 2.5%; font-size:2.5em; font-weight:lighter; line-height:2em; position:relative;}
.column_indexvideo .videotxt p{ position:relative; padding:0 5%;}
.column_indexvideo .videotxt img{ width:100%; position:absolute; left:0;top:0;}
.column_indexvideo .videotxt .playerbtn{ position:absolute; width:8%; height:0; margin:0 0 0 -4%; left:50%; top:50%; padding:8% 0 0; overflow:hidden;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/html/images/2017page/videoplay.png',sizingmethod=scale);}
.column_indexvideo .playing .videotxt{ display:none;}
/*----首页自媒体------------*/
.column_indexmedia{ padding:2% 0 2%; position:relative; background:#F5F5F5;}
.column_indexmedia .column_title h2{ padding:4% 0 0; height:0; overflow:hidden; background:url(../images/2017page/column_indexmedia_title.png) no-repeat center top; background-size:auto 62.5%;}
.column_indexmedia .column_content{ width:96%; margin:0 auto; overflow:hidden; zoom:1;}
.column_indexmedia article{position:relative;float:left;clear:right;width:32%; margin-left:2%; background:#FFF; }
.column_indexmedia article:first-child{ margin-left:0;}
.column_indexmedia article .txt_container{position:relative; display:block;padding:5% 5% 2.5em;overflow:hidden;display:block;}
.column_indexmedia p{height:7em; overflow:hidden;}
.column_indexmedia time{position:absolute;left:2.5%;bottom:0; margin-bottom:0.75em;font-weight:lighter;font-size:10px;color:#ADADAD;z-index:5;width:6em;}
.column_indexmedia .mediaform{ position:absolute; width:2.25em; height:0; overflow:hidden; padding:2.25em 0 0; right:0; bottom:0;background: no-repeat 0 0; background-size:100%;}
.column_indexmedia .mediaform .bgimg{ width:100%; position:absolute; left:0; top:0;}
.column_indexmedia .mediaform.新浪微博{ background-image:url(../images/2017page/mediaform_wb.jpg);}
.column_indexmedia .mediaform.微信{ background-image:url(../images/2017page/mediaform_wx.jpg);}
/*----首页重要栏目------------*/
.column_aboutus{ padding:0; position:relative; background:#E9EAEA;}
.column_aboutus .column_title h2{ padding:5.5% 0 0; height:0; overflow:hidden; background:url(../images/2017page/column_aboutus_title.png) no-repeat center center; background-size:auto 45.45%;}
.column_aboutus .column_content{ width:100%; margin:0 auto; overflow:hidden; zoom:1;}
.column_aboutus ul{ list-style-type:none;}
.column_aboutus ul li{ display:inline;}
.column_aboutus .column_content a{ float:left; padding:25% 0 0;width:25%; height:0; overflow:hidden; position:relative; background:no-repeat center center; background-size:100%;-webkit-transition:background-size 0.5s ease-out;-moz-transition:background-size 0.5s ease-out;-ms-transition:background-size 0.5s ease-out;transition:background-size 0.5s ease-out;}
.column_aboutus .column_content a img{ position:absolute; left:0; top:0; width:100%;}
.column_aboutus .column_content a:after{ content:""; left:0; right:0; top:0; bottom:0; position:absolute; background:#000; opacity:0.2;filter:alpha(opacity=20);-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.column_aboutus .column_content a:hover{ background-size:110%;}
.column_aboutus .column_content a:hover:after{ opacity:0;filter:alpha(opacity=0);}
.column_aboutus .column_content a span{ position:absolute; left:0; right:0; bottom:2em; color:#FFF; text-align:center;text-shadow:0px 0px 3px rgba(0,0,0,1);-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;transition:all 0.5s ease-out;-moz-transform:scale(1.1);}
.column_aboutus .column_content a:hover span{-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);text-shadow:0px 0px 3px rgba(207,2,50,1);}
.column_aboutus .column_content a.aboutus_1{ background-image:url(../images/2017page/column_aboutus_1.jpg); width:50%;}
.column_aboutus .column_content a.aboutus_2{ background-image:url(../images/2017page/column_aboutus_2.jpg); width:50%;*margin-right:-0.5em;}
.column_aboutus .column_content a.aboutus_3{ background-image:url(../images/2017page/column_aboutus_3.jpg);}
.column_aboutus .column_content a.aboutus_4{ background-image:url(../images/2017page/column_aboutus_4.jpg);}
.column_aboutus .column_content a.aboutus_5{ background-image:url(../images/2017page/column_aboutus_5.jpg);}
.column_aboutus .column_content a.aboutus_6{ background-image:url(../images/2017page/column_aboutus_6.jpg);*margin-right:-0.5em;}

/*----首页热点链接------------*/
.index_hotlink ul{ position:fixed; right:0; top:50%; width:3em; margin-top:-7.5em; list-style-type:none; z-index:50;*display:none;}
.index_hotlink ul li{ position:relative;display:block; height:3em; margin-bottom:1px;}
.index_hotlink ul li a:after{content:'';background:#CF0232 no-repeat center center; background-size:100%; width:3em; height:3em; position:absolute; left:0; top:0; z-index:5; display:block;}
.index_hotlink li.hotlink_1 a:after{ background-image:url(../images/2017page/hotlink01.png);}
.index_hotlink li.hotlink_2 a:after{ background-image:url(../images/2017page/hotlink02.png);}
.index_hotlink li.hotlink_3 a:after{ background-image:url(../images/2017page/hotlink03.png);}
.index_hotlink li.hotlink_4 a:after{ background-image:url(../images/2017page/hotlink04.png);}
.index_hotlink li.hotlink_5 a:after{ background-image:url(../images/2017page/hotlink05.png);}
.index_hotlink ul li a span{ display:block; position:absolute; left:0; height:3em; line-height:3em; width:9em; padding:0 0.5em; background:url(../images/2017page/hotlink.png) 0 0; color:#FFF; text-align:right;-webkit-transition:left 0.5s ease;-moz-transition:left 0.5s ease;-ms-transition:left 0.5s ease;transition:left 0.5s ease;}
.index_hotlink ul li a:hover span{ left:-10em;}


/*----搜索------------*/
.searchform form{margin:0 auto;width:50%; border:0.25em solid #000; position:relative;vertical-align:top;line-height:1.75em; background:#000;}
.searchform input{ border:0; line-height:3em; height:3em; width:80%; padding:0 2.5%; outline:0; margin:0; vertical-align:top; background:#FFF;}
.searchform button{ position:relative; font-size:12px; height:3em;line-height:3em; color:#FFF; background:#000; position:absolute; right:0; top:0; width:15%; padding:0; margin:0; outline:0; border:0; text-align:center; font-weight:bold;}
.searchform p{ padding:1em 0; text-align:center; font-weight:bold; color:#000;}
.searchform p span{ display:inline-block; white-space:nowrap;}
.searchform p strong{ font-size:1.5em; /*color:#CF0232;*/}
.column_search ul{ list-style-type:none;}
.column_search ul li{ padding:1em 5%; line-height:2em;}
.column_search ul a{ font-size:1.25em; font-weight:bold;}
.column_search ul b{color:#CF0232;}
.column_search ul time{ display:inline-block;*display:inline;margin-left:0.5em; white-space:nowrap; color:#9A9A9A;}
.column_search li.c_1{ background:#EBEFF2;}
.column_search li:nth-child(odd){ background:#EBEFF2;}

/*----404------------*/
.column_404{padding:60px 440px 0 28px; width:200px; margin:0 auto; height:215px; background:url(../images/2016page/404.jpg) no-repeat right top; color:#000;}
.column_404 h3{ font-size:1.75em; margin-bottom:1.25em;}
.column_404 p{margin-bottom:1em;}
.column_404 p span{ display:inline-block; white-space:nowrap;font-size:1.75em;}
.column_404 .gohome{ margin-right:0.5em;}
@media all and (min-width:0px){
	.index_kv .scroll_prev{background:url(../images/2017page/icon_prev.png) no-repeat 0 0;background-size:100%;filter:'';}
	.index_kv .scroll_next{background:url(../images/2017page/icon_next.png) no-repeat 0 0;background-size:100%;filter:'';}
	
	.column_indexnews .column_title .more{ background:url(../images/2017page/more.png) no-repeat 0 0;background-size:100%;filter:'';}
	.column_indexnews .column_title .more:before{ content:""; position:absolute; left:0; right:0; top:0; bottom:0;background:url(../images/2017page/more_on.png) no-repeat 0 0; background-size:100%; opacity:0;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
	.column_indexnews .column_title .more:hover{filter:'';}
	.column_indexnews .column_title .more:hover:before{opacity:1;}
	.column_indexvideo .videotxt .playerbtn{background:url(../images/2017page/videoplay.png) no-repeat 0 0;background-size:100%;filter:'';}
}

@media all and (min-width:768px) and (max-width:1024px){
	.page_index .main_container{ width:100%;}
	
	.index_hotlink ul{ display:none;}
	.index_kv .scroll_btn{ top:auto; bottom:0; margin:0;}
	.index_kv .scroll_prev,.index_kv .scroll_next{ display:none;}
	.column_indexnews .column_title .more { padding: 6% 0 0;width: 19.6875%;margin: 0 0 2% -9.48375%;}
	.column_indexnews article { width:49%; margin:0 0 2% 2%;}
	.column_indexnews article:nth-child(2n+1){margin:0 0 2% 0;}
	.column_indexmedia p { height:10.5em;}

}
@media all and (max-width:767px){
	.page_index .main_container{ width:100%;}
	
	.index_hotlink ul{ display:none;}
	.index_kv .scroll_btn{ top:auto; bottom:0; margin:0;}
	.index_kv .scroll_prev,.index_kv .scroll_next{ display:none;}
	
	.column_indexnews{ padding:4% 0 10%;}
	.column_indexnews .column_title h2{ padding:9.6% 0 0;}
	.column_indexnews .column_title .more {padding:8% 0 0;width:26.25%;margin: 0 0 2% -13.125%;}
	.column_indexnews .column_content{ width:92%; margin:0 auto;}
	.column_indexnews article { width:100%; margin:0 0 5%;}
	.column_indexnews article .txt_container { padding:0; height:auto; background:none;    margin: 5%;}
	.column_indexnews h3{ height:auto;}
	
	.column_indexvideo .videotxt h3{padding:2.5% 0 0; font-size:1.5em;}
	.column_indexvideo .videotxt p span{ white-space:nowrap;}
	.column_indexvideo .videotxt .playerbtn{width:16%;margin:0 0 0 -8%;padding:16% 0 0;}
	
	.column_indexmedia{ padding:4% 0 4%;}
	.column_indexmedia .column_title h2{ padding:9.6% 0 0;}
	.column_indexmedia article{float:none;width:100%; margin:0 0 5%;}
	.column_indexmedia p{height:auto; margin-bottom:0.5em;}

	.column_aboutus .column_title h2{ padding:13.2% 0 0;}
	.column_aboutus .column_content a{padding:50% 0 0;width:50%;}
	.column_aboutus .column_content a.aboutus_1,.column_aboutus .column_content a.aboutus_2{width:100%;}
	
	.searchform form{width:75%;}
	.column_404{padding:50% 0 0; width:75%; height:auto; background:url(../images/2016page/404.jpg) no-repeat center top; background-size:100%; text-align:center;}
}

@media all and (max-width:479px){
	.column_indexvideo .videotxt .playerbtn{ top:auto;}
	
	.searchform form{width:90%;height:2em;}
	.searchform input{line-height:2em; height:2em;position:absolute; left:0;top:0; right:4em; width:auto;}
	.searchform button{line-height:2em; height:2em; width:4em;}
}
@media all and (max-width:319px){
	.column_indexvideo .videotxt p{ display:none;}
	.column_404 h3,.column_404 p span{ font-size:1.25em;}
}